*{margin:0;padding:0;outline:0;border:none;box-sizing: border-box;color: inherit;text-decoration: none;font-weight: inherit;}
del{text-decoration: line-through;}
html{height:100%;}
body{font-size:14px;overflow-x:hidden;}
.topbg{background:url("img/bannerbg.jpg") no-repeat;background-size:100% 100%;min-width:1000px;min-height:900px;
display:flex;justify-content: center;flex-direction: row;}
.cont{max-width:1200px;width:90%;margin: 0 auto;}
.fdr{flex-direction: row;}
.topbg .left{display:flex;flex-direction: column;justify-content: center;color:white;align-items: center;text-align: center;}
.gamename{background:url("img/gamename.png") no-repeat center top;padding-top:83px;width:300px;}
#qr{width:150px;background-size:contain;padding-top:160px;margin-top:30px;}
.gift{background:url("img/gift.png") no-repeat center;width:100%;padding-top:110px;margin:20px 0;}
.libao{display: flex;justify-content:center;width: 400px;height: 500px;margin-top: -500px;margin-left: 0px;background:rgba(3, 101, 247, 1)}
.lbtp{background:url("img/gift.png") no-repeat center;width: 100px;height: 100px;margin-top: 100px;margin-left: 20px;}
.libao>span{margin-top: 250px;margin-left: -210px;font-size: 20px;}
.qd{background:url("img/btn2.png") no-repeat center;width: 160px;height: 50px;margin-top: 330px;margin-left: -260px;text-align: center;padding-top: 15px;font-weight: 600;color: #000;}
.btngroup,.closebtn{width:100%;display:flex;flex-direction: row;cursor:pointer;}
.reg,.log,.out{flex:1;position:relative;line-height:50px;color:white;font-size:18px;transition:.3s;}
.reg{background:#9d59fc}
.log,.out{background:#615AFC;margin-left:5px;}
.logined{line-height:50px;width:100%;position:relative;font-size:18px;}
.logined:before,.reg:before,.log:before,.reg:after,.log:after,.out::before,.out:after,.pop:before,.pop:after{position:absolute;content:"";left:0;right:0;top:0;z-index:0;}
.reg:before,.log:before,.out::before{top:4px;left:4px;right:4px;bottom:4px;border:1px solid white;opacity: .75}
.reg:after,.log:after,.out:afer{top:2px;left:2px;right:2px;bottom:2px;border:2px solid black;opacity: .5}
.reg:hover,.log:hover,.out:hover{background:white;color:#9d59fc}
.reg:hover:after{border-color:#9d59fc;opacity: 1}
.log:hover,.out:hover{color:#615AFC}
.log:hover:after,.out:after{border-color:#615AFC;opacity: 1}
.logined:before{background:black;bottom:0;opacity: .2}
.topbg .right{width:700px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.ps{background:url("img/ps.gif") no-repeat right center;background-size: auto 100%;padding-top:500px;width:100%;}
.golds{width:100%;background:url("img/gold.png") no-repeat 50px center;background-size:auto 100% ;padding-top:300px;margin-top:-250px;}
.swiper-button-prev{background-image:url("img/sleft.png")!important;}
.swiper-button-next{background-image:url("img/sright.png")!important;}
.tac{text-align:center;}
font{color:orangered;}
.cless{color:#999}
.choose,.chooseall,.rhoose{background-image:url("img/choose.png");background-size:20px 20px;background-repeat:no-repeat;transition:.3s;}
.choose.active,.chooseall.active{background-image:url("img/choosea.png");}
.rhoose{background-image: url("img/rhoose.png")}
.rhoose.active{background-image: url("img/rhoosea.png")}

input[type='checkbox']{position:fixed;left:-100px;}
.fadetip{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;display:none;z-index:20;
    line-height:40px;padding:0 20px;height:40px;color:white;text-align: center;}
.fadetip:after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";z-index:-1;background:black;opacity: .5;border-radius:20px;}

.gamepop{width:90%;max-width:1200px;margin:0 auto;padding:20px 0;display:flex;flex-direction: row;justify-content: space-between;min-width:1000px;align-items: stretch}
.gamepop+.gamepop{padding:0;}
.gamepop .left{width:48%;text-align: center;}
.gamepop .right{width:48%;}
.gamepop .pop{min-width:35px;transition:.3s;display:flex;cursor:pointer;text-align:center;line-height:50px;background:tan;color:white;
    font-size:20px;position:relative;margin-right:10px;animation:colorfade 30s infinite;align-items: center;justify-content: center}
.gamepop .pop:hover{opacity: .9;}
.gamepop .pop:before,.gamepop .pop:after{position:absolute;content:"";}
.gamepop .pop:before{top:1px;left:1px;right:1px;bottom:1px;border:3px solid white;}
.gamepop .pop:after{bottom:0;background:-webkit-gradient(linear, 0 0, right 0, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));}
.gamepop .pop sup,.gamepop .pop sub{position:absolute;border:18px solid transparent;transform:rotate(45deg)}
.gamepop .pop sup{border-left:18px solid white;bottom:-18px;right:-18px;}
.gamepop .pop sub{border-right:18px solid white;top:-18px;left:-18px;}
@keyframes colorfade {
    from,to{background:teal}
    16.3333%{background: cornflowerblue;}
    32.6666%{background:darkseagreen;}
    48.9999%{background:tan;}
    67.2222%{background:hotpink;}
    83.5555%{background:mediumpurple;}
}
.gamepop .tt{width:100%;;line-height:30px;text-align: left;text-indent:2em;position:relative;
    background:-moz-linear-gradient(left, #6bd1fb, #43edd4);
    background:-webkit-gradient(linear, 0 0, right 0, from(#6bd1fb), to(#43edd4));
    background:-o-linear-gradient(left, #6bd1fb, #43edd4); }
.gamepop .tt:before{position:absolute;width:0;height:0;content:"";border:solid transparent 30px;left:-30px;top:0;z-index:-1;border-right:50px solid #ccc}
.gamepop .bd{border:1px solid #ddd;border-top:none;padding:20px;text-align: left;text-indent:2em;color:#333;width:calc(100% - 15px);margin:0 0 0 15px;background:white;position:relative;z-index:1;}
.nrow{display:flex;justify-content: space-between;text-indent:0;}
.nname{flex:0.8;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.nphone{text-align: center;}
.ndate{text-align:right;color:#999;}
.nphone,.ndate{flex:1;}
.gamefn{width:90%;max-width:1200px;margin:0 auto;padding:20px 0;min-width:1000px;}
/*.gamefn .left{width:60%;height:400px;display:flex;flex-direction: column;justify-content: center;}*/
/*.gamefn .right{width:calc(40% - 10px);margin-left:10px;height:400px;position:relative;z-index:2;}*/
/*.pd{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/
    /*-webkit-transition:  .3s;-moz-transition:  .3s;-ms-transition:  .3s;-o-transition:  .3s;transition:  .3s;}*/
/*.pd .tt{width:100%;color:white;background:darkcyan;padding-left:20px;line-height:30px;}*/
/*.pd .bd{border:1px solid darkcyan;padding:20px;height:170px;background:white;position:relative;}*/
/*.pd1{width:100%;margin-bottom:10px;}*/
/*.pd1 .bd{height:160px;}*/
/*.pd2{width:50%;float:left;}*/
/*.pd3{width:calc(50% - 10px);float:right;}*/
/*.pd button{display:none;width:90%;position:absolute;bottom:10px;left:5%;line-height:30px;background:salmon;color:white;font-size:16px;}*/
/*.pd:hover{transform: scale(1.1);box-shadow: 0 0 15px gray}*/
/*.pd:hover button{display:block;}*/
/*.pd button:hover{opacity: .9;}*/
.gamefn .tt{text-align:center;width:10%;min-width:200px;border-radius:15px;margin:10px auto;position:relative;
    line-height:30px;font-size:16px;color:white;
    background:-moz-linear-gradient(left, #9c5bfc, #76a1ea);
    background:-webkit-gradient(linear, 0 0, right 0, from(#9c5bfc), to(#76a1ea));
    background:-o-linear-gradient(left, #9c5bfc, #76a1ea); }
.gamefn .tt:before{position:absolute;content:"";left:50%;top:50%;height:1px;background:#76a1ea;z-index: -1;width:70vw;margin-left:-35vw;}
.gamefn .tt:after{position:absolute;content:"";left:-4px;right:-4px;top:-4px;bottom:-4px;border:1px solid #76a1ea;background:white;border-radius:25px;z-index:-1;}
.heros{display:flex;flex-direction: row;}
.hero{flex:1;min-height:33vw;position:relative;overflow: hidden;border:1px solid #ddd;cursor:pointer;border-top:5px solid #b583fe;
    background: -webkit-radial-gradient(center, farthest-corner, cadetblue, black);}
.hero+.hero{margin-left:10px;}
.hero>div{transition:.3s;}
.hero .detail{position:absolute;top:-850px;transition:.3s;line-height:30px;left:0;right:0;}
.hero1,.hero2,.hero3,.hero4,.hero5,.hero6,.hero7{height:30vw;width:100%; position:absolute;content:"";top: -10%}
.hero1{background: url("img/short_work.gif") no-repeat left center;background-size: contain;}
.hero2{background: url("img/008_bom.gif") no-repeat -2vw 60%;background-size: 120%;}
.hero3{background: url("img/junior_stand.gif") no-repeat center 60%;background-size: 80%}
.hero4{background: url("img/hammer_stand.gif") no-repeat center;background-size: auto 100% ;}
.hero5{background: url("img/king.png") no-repeat center;background-size: auto 60% ;}
.hero6{background: url("img/stand.gif") no-repeat center;background-size:auto 45% ;}
.hero7{background: url("img/lAHPBbCc1aoVLjnNBc_NB0A_1856_1487.gif") no-repeat center;background-size:auto 60% ;}
.hero:hover .detail{top:0;}
.hero:hover button{bottom:10px;}
.hero .detail p{text-indent:20px;border-bottom:1px solid #ddd;background:white;opacity: .8}
.hero button{border:1px solid white;border-radius:30px;line-height:40px;width:90%;margin-left:5%;
    position:absolute;bottom:-50px;color:white;background:transparent;transition:.5s}
.hero button:hover{background:white;color:black;}
.hero.active,.hero.active>div{position:fixed;left:0;right:0;top:0;bottom:0;height:100vh;width:100vw;margin:0;z-index: 11;}

.foot{background:black;text-align: center;padding:20px 0;color:#ddd;}
.links a{display:inline-block;padding:0 10px;line-height:14px;font-size:14px;}
.links a+a{border-left:1px solid #ddd;}
.links p{padding:20px 0;color:#999999}
.warning{color:#039cae;font-size:12px;padding:20px 0;border-top:1px solid #333;}
.cr{font-size:12px;color:#999;}

/*登录弹框*/
.logJB{max-width:400px;}
.forgot{font-size:12px;transition:.3s;text-align: right;margin-top:20px;}
.forgot:hover{color:#9c5bfc;}

/*注册弹框*/
.regJB{max-width:400px;}
button.send{border:1px solid #039cae;border-top-right-radius: 15px;border-bottom-right-radius:15px;background:white;position:absolute;right:0;bottom:0;line-height:29px;padding:0 5px;color:#039cae;}
button.send:hover{color:white;background:#039cae;}
.msgcode{width:85%;}
/* 忘记密码 */
.zz{background: url("img/mm.png") no-repeat center;border-radius: 15px;}
/*推广弹框*/
.popJB{max-width:400px;}
.poprow{text-align: center;}
.popnum{font-size:16px;font-weight: bolder;color:white;border-radius: 15px;padding:0 10px;
    background:-moz-linear-gradient(left, #9c5bfc, #76a1ea);
    background:-webkit-gradient(linear, 0 0, right 0, from(#9c5bfc), to(#76a1ea));
    background:-o-linear-gradient(left, #9c5bfc, #76a1ea);}
.poprow{margin:20px auto;padding:0 10px;position:relative;color:#666}
.poprow:before{position:absolute;content:"";left:50px;width:60px;top:50%;height:1px;background:#666}
.poprow:after{position:absolute;content:"";right:50px;width:60px;top:50%;height:1px;background:#666}
.pqq,.pwb,.pwx{display:inline-block;width:40px;height:40px;}
.pqq{background:url("img/pqq.png")no-repeat center;}
.pwb{background:url("img/pwb.png")no-repeat center;}
.pwx{background:url("img/pwx.png")no-repeat center;}

.mobile .topbg{min-width:100%;min-height:700px}
.mobile .topbg .right{display:none;}
.mobile .gamepop, .mobile .gamefn {flex-direction: column;width:100%;align-items: center;min-width:100%;}
.mobile .gamepop>div{width:90%;margin-bottom:20px;}
/*.mobile .gamepop .left{order:2}*/
/*.mobile .gamefn{margin-top:-30px;}*/
/*.mobile .gamefn .left{height:auto;}*/
/*.mobile .gamefn .right{margin:0;}*/
.mobile .pd:hover{transform:scale(1);box-shadow:none;}
.mobile .pd button{display:block;}
.mobile .warning{display:none;}
.mobile .hero{padding-top:20vw;width:100%;}
.mobile .hero .detail{top:0;}
.mobile .hero button{bottom:10px;line-height:20px;}

/*弹框*/
.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;width:90%;display:none;}
.opcy{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10;background:black;opacity: .8;display:none;}
.dialog .hd{line-height:30px;color:white;background:url("img/jbhd.png") no-repeat left center;text-indent:20px;font-size:16px;}
.dialog .close{position:absolute;top:0;right:0;width:30px;height:30px;background:url("img/close.png") no-repeat center;}
.dialog .bd{padding:10px;background-color: blanchedalmond; position: relative;}
.dialog .ft{text-align: center;margin-top: -25px;}
.dialog label{position:relative;margin-bottom:10px;display:block;padding-top:10px;}
.dialog label input{border:none;text-indent:100px;border-bottom:1px solid #ddd;line-height:31px;height:31px;width:100%;}
.dialog label input:hover,.dialog label input.active{border-bottom:#039cae 1px solid;}
.dialog label span{position:absolute;left:48%;bottom:3.5px;color:#000;transition:.3s;transform: translate(-50%, 0)}
.dialog label span.active{color:#039cae;transform: scale(.9) translate(0,0);left:15px;transform-origin: 0 0;}
button.ok{background:url("img/dbtn.png") no-repeat center;width:122px;height:40px;line-height:40px;
    font-size:18px;color:white;border:none;display:inline-block;margin:25px 15px;transition:.3s;}
button.ok:hover{opacity: .9;transform: scale(1.05)}
.row{line-height:30px;display:flex;flex-direction: row;margin-bottom:5px;}
.row .tt{width:100px;}
.row .sub{color:#039cae; width: 100px;}
.pintuan{text-align: center;position: relative;top: -20px;}
.wangguo{width: 60%;height: 35%;background-color: #CEB29B;margin-left: 20%;border-radius: 15px;}
.shuijing1{font-size: 20px;font-weight: 600;color: #000;}


/*购物车*/
.gdrow{height:80px;padding:5px 20px 5px 45px;border-bottom:1px solid #ddd;background-position:12px center;
    display:flex;flex-direction:row;justify-content: flex-start;position:relative;}
.gdrow .gdpic{background:url("http://img2.ch999img.com/pic/product/216x216/20151124171824260.jpg") no-repeat center;background-size:100% auto;
    width:70px;height:70px;margin-right:15px;border:1px solid #ddd;}
.gdrow .text{padding-right:5px;flex:1;line-height:20px;color:#999;font-size:12px;}
.gdrow .name{line-height:30px;color:#666;font-size:16px;}
footer .chooseall{width:100px;padding-left:40px;background-position: 12px center;}
footer .totalprice{flex:1;padding-right:20px;text-align:right;}
footer .cb,footer .bb,footer .pb{color:white;padding:0 30px;font-size:14px;transition:.3s;background:#039cae;}
footer button{position:relative;}
footer button span{position:absolute;left:50%;bottom:1px;font-size:12px;transform:translateX(-50%);}
footer .bb,footer .pb{flex:2;line-height:60px;height:44px;overflow: hidden;}
footer .pb{background:#02b3c8;flex:1}
footer .cb[disabled]{background:#aaa;}
footer .kf{background:url("../images/de_kefu.png") no-repeat center 5px ;}
footer .cart{background:url("../images/de_gouwuche.png") no-repeat center 5px ;}
footer .kf,footer .cart{padding-top:20px;background-size:20px 20px;line-height:30px;font-size:12px;width:60px;text-align: center;}
/*支付页*/
.pay{line-height:30px;background:#039cae;color:white;font-size:14px;flex:1.5;transition:.3s;}
.pay[disabled]{background:#aaa;}
.changeaddr{line-height:40px;height:50px;text-align: center;position:relative;background:#f0f0f0;padding-bottom:10px;}
.changeaddr:before{position:absolute;content:"添加收货人信息";left:0;top:0;right:0;bottom:10px;z-index:0;background:white;}
.deliverbox{background-position:right 2px center;margin:0 10px;border-bottom:1px solid #ddd;padding:5px 0;line-height:30px;}
.deliverbox.active,.payway>div.active{color:#039cae;}
.payway{margin:0 10px;line-height:50px;}
.payway .rhoose{background-position:right 2px center;display:flex;justify-content: flex-start;}
.payway .rhoose+.rhoose{border-top:1px solid #ddd;}
.payway .rhoose>span{width:50px;height:50px;background-size:32px 32px;background-position:center;background-repeat:no-repeat}
.payway .pw1{background-image: url("img/paywx.png")}
.payway .pw2{background-image: url("img/payzfb.png")}
.payway .pw3{background-image: url("img/paycft.png")}
.payway .pw4{background-image: url("img/payqq.png")}


/*商品详情页*/
.gdpic{width:90%;margin:0 auto;}
.pdmaind{display:flex;flex-direction: row;align-items: center;line-height:20px;height:50px;position:relative;overflow:hidden;justify-content: space-between}
.pdmaind:before,.pdmaind:after{position:absolute;content:"";left:-100px;right:180px;top:-180px;bottom:-180px;z-index:-1;}
.pdmaind:before{background:#2abffb;transform: rotate(45deg)}
.pdmaind:after{background:#00b3fc;transform: rotate(-45deg)}
.pdmaind .left{font-size:14px;width:70%;padding-left:10px;color:white;}
.pdmaind .countdown{font-size:14px;padding-right:10px;}
.pdmaind .countdown .cless{font-size:12px;}
.pricerow{display:flex;height:50px;align-items: center;padding:0 10px;}
.pricerow sup{transform:scale(.8);transform-origin: 0 center;white-space:nowrap;font-size:3.5vw}
.pricerow>font{font-size:30px;margin-right:10px;font-weight:bolder}
.pricerow .rule{font-size:3.5vw;border:1px solid #ddd;border-radius:5px;line-height:14px;padding:4px;position:relative;transform:scale(.8);white-space:nowrap;transform-origin: right center;}
.pricerow .rule:before{position:absolute;content:"";left:-20px;border:10px solid transparent;border-right:10px solid #ddd;width:0;height:0;top:50%;margin-top:-10px;}
.pricerow .rule:after{position:absolute;content:"";left:-19px;border:10px solid transparent;border-right:10px solid white;width:0;height:0;top:50%;margin-top:-10px;}
.pdsubd{padding:5px 10px;border-top:10px solid #f3f3f3;font-size:12px;color:#666;}
.pdsubd h3{font-weight:bolder;padding-bottom:2px;line-height:30px;color:#333;}



/* 订单 */
.mallview{    
    display:flex;
    flex-direction: column;
}
header{
    line-height:45px;
    height:45px;
    color:white;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    text-align: center;
    background:-webkit-gradient(linear, 0 0, right 0, from(#6bd1fb), to(#00b3fc));
}
header .title{
    flex:8;
    font-size:16px;
}
header .goback,header .right{
    flex:1
}
header .goback{
    background: url(../images/back.png) no-repeat center;
    background-size: 30px 30px;
}


.jubu{
    width: 100%;
}
.gou{
    position:fixed;left: 10px;
}
.goumai{
    position:fixed;left: 35%; 
}
.qian{
    position:fixed;right:10px;
}
.xian{
    width: 100%;
    height: 5px;
    background-color: #ddd;
    margin-top: 20px;
}